<section id="dialog">
    <h1 class="demo-title">dialog</h1>
    <div class="demo-panel">
        <h6>对话框</h6>
        <button class="btn btn-lg btn-bg-blue" ng-click="showDialog()">open dialog</button>
        <div class="dialog">
            <div class="dialog-cnt">
                <div class="dialog-bd">
                    <div>温馨提示</div>
                    <div>温馨提示内容</div>
                </div>
                <div class="dialog-ft">
                    <button type="button" ng-click="hideDialog()">确定</button>
                    <button type="button" ng-click="hideDialog()">取消</button>
                </div>
            </div>
        </div>
        <pre lang-prism class="language-html">
            <code class="language-html">
                &lt;div class="dialog"&gt;
                    &lt;div class="dialog-cnt"&gt;
                        &lt;div class="dialog-bd"&gt;
                            &lt;div&gt;温馨提示&lt;/div&gt;
                            &lt;div&gt;温馨提示内容&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="dialog-ft"&gt;
                            &lt;button type="button"&gt;确定&lt;/button&gt;
                            &lt;button type="button"&gt;取消&lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            </code>
        </pre>
    </div>
</section>
